<template>
	<div class="ssq">
			<header class="header">
				<a href="javascript:;" class="arrow-back"><i></i></a>
				<section><!----> <center>双色球</center> <!---->
				</section></header>

	</div>
</template>
<script>
	export default{
		data(){
			return{
				
			}
		}
	};
</script>
<style lang="less" scoped>
	.ssq{
		html,
		body {
			margin: 0;
			padding: 0;
			background-color: #fff;
		}
		body, html {
				width: 100%;
				height: 100%;
				padding: 0;
				margin: 0;
				/*overflow: hidden;*/
		}
		body {
			color: #333;
			background-color: #fff;
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
			user-select: none;
			position: relative;
		}

		a {
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
			-webkit-user-select: none;
			-moz-user-focus: none;
			-moz-user-select: none;
		}

		a:link,
		a:visited {
			color: #333;
			text-decoration: none;
		}
		.header {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 10;
				width: 100%;
				height: 0.4rem;
				line-height: 0.4rem;
				background: #e23a3a;
		}
		.header section {
				position: relative;
		}
		.header center {
			width: 50%;
			font-size: .18rem;
			color: #fff;
			margin: 0 auto;
			overflow: hidden;
			white-space: nowrap;
			word-break: keep-all;
			-ms-text-overflow: ellipsis;
			text-overflow: ellipsis;
	}
	.header .arrow-back {
			position: absolute;
			top: .1rem;
			left: .02rem;
			width: 0;
			height: 0;
			line-height: 0;
			font-size: 0;
			border-width: 0.1rem;
			vertical-align: middle;
			display: inline-block;
			border-style: solid;
			border-color: transparent #fff transparent transparent;
	}
	.header .arrow-back i {
			position: absolute;
			top: -.1rem;
			left: -.08rem;
			z-index: 2;
			width: 0;
			height: 0;
			line-height: 0;
			font-size: 0;
			border-width: 0.1rem;
			vertical-align: middle;
			display: inline-block;
			border-style: solid;
			border-color: transparent #e23a3a transparent transparent;
	}
	.wrapper-app {
		position: relative;
		height: 100%;
	}

	.wrapper-app.has-header {
		padding-top: .45rem;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.arrow-box {
		width: 30px;
		height: 30px;
		position: absolute;
		top:0.18rem;
		left: 0.1rem;
	}
	/*左箭头*/

	.left {
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 0.1rem;
		z-index: 2;
		/*兼容ie8-*/
	}

	.left-arrow1,
	.left-arrow2 {
		width: 0;
		height: 0;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 5;
		/*兼容ie8-*/
		border-top: 10px transparent dashed;
		border-left: 10px transparent dashed;
		border-bottom: 10px transparent dashed;
		border-right: 10px white solid;
		overflow: hidden;
	}

	.left-arrow1 {
		border-right: 10px #000 solid;
	}
	.left-arrow2 {
		left: 1px;
		/*重要*/
		border-right: 10px #f8f8f8 solid;
	}
	.nav{
		width: 100%;
		height: 0.9rem;
		position: absolute;
		top: .9rem;
		z-index: 3;
		line-height: 0.9rem;
		font-size: 14px;
		color: #333;
		background-color: #f7f2ec;
	}
	.nav li{
		width: 33.3%;
		float: left;
		text-align: center;
		position: relative;
	}
	.qlc li {
		width: 50%;
		box-sizing: border-box;
	}
	.nav li.cur{
		color:#f84948;
	}
	.nav li.cur:before {
			position: absolute;
			left: 0%;
			bottom: 0;
			content: "";
			z-index: 2;
			width: 100%;
			height: 2px;
			background: transparent;
			border-radius: 2px;
			background: #f84948;
	}
	.qici{
		width: 100%;
		height: 100%;
			padding-top: 1.8rem;
			position: relative;
			top: 0;
			left: 0;
			box-sizing: border-box;
	}
	.qici_nav{
		width: 100%;
		height: 0.7rem;
		line-height: 0.7rem;
		color: #333;
		background-color: #f9f9f9;
		display: table;
			table-layout: fixed;
			font-size: 12px;
			text-align: center;
			position: absolute;
			left: 0;
			top:1.8rem;
			z-index: 2;
			box-shadow: 0 0 6px rgba(0,0,0,.1);
	}
	.lotto-issue{
		width: 20%;
		display: table-cell;
			vertical-align: middle;
			border-right: 1px solid #dcdcdc;
	}
	.qlc .lotto-issue{
		width: 50%;
	}
	.lotto-number{
		width: 60%;
		display: table-cell;
			vertical-align: middle;
			border-right: 1px solid #dcdcdc;
	}
	.qlc .lotto-number{
		width: 50%;
	}
	.lotto-fina{
		width: 20%;
		display: table-cell;
			vertical-align: middle;
	}
	.ranking-body {
			position: relative;
			height: 100%;
			padding-top: 0.7rem;
			box-sizing: border-box;
			overflow-y: auto;
	}
	.ranking-body dl, .ranking-head dl {
			width: 100%;
			display: table;
			table-layout: fixed;
	}
	.ranking-body dl {
			background-color: #f2f2f2;
	}
	.ranking-body dl dd, .ranking-head dl dd {
			font-size: 12px;
			color: #333;
			text-align: center;
			line-height: .7rem;
			display: table-cell;
			vertical-align: middle;
	}
	.ranking-body dl:nth-child(2n) {
			background-color: #f9f9f9;
	}
	.ranking-body dl dd.lotto-number {
			font-size: 12px;
			color: #f84848;
	}
	.lotto-num em {
			font-style: normal;
			padding: 0 .06rem;
	}
	.lotto-num em.blue{
		color: #3775ff;
	}
	.zstable2-yil .qlcblue span {
			position: relative;
			font-size: 12px;
			display: inline-block;
			width: 0.38rem;
			height: 0.38rem;
			line-height: 0.38rem;
			margin: 0 auto;
			border-radius: 19px;
			color: #fff;
			background: #3775ff;
	}
	.ranking-body dl dd.lotto-final {
			color: #3775ff;
	}

	/*提示信息*/
	.tk_info {
		position: fixed;
		z-index: 99;
		padding: 0.16rem 0.22rem;
		font-size: 0.24rem;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.8);
		left: 50%;
		top: 50%;
		border-radius: 4px;
		transform: translate(-50%, -50%);
	}


	.chart-container{
			position: relative;
			width: 100%;
			height: 100%;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding-top: 1.8rem;
			display: none;
	}
	.l-flex-column {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			display: flex;
			flex-flow: column;
			height: 100%;
	}
	.zous-2col-l {
			float: left;
			width: 15%;
			overflow: hidden;
			position: relative;
	}
	.zous-2col-l {
			float: left;
			width: 15%;
	}
	.chart-container .zous-2col-l {
			width: 15%
	}
	.zstable2 {
			table-layout: fixed;
			width: 100%;
			text-align: center;
			background: #fff;
	}
	.zstable2 th {
			height: 0.6rem;
			font-weight: 400;
			color: #888;
	}
	.zstable2 td, .zstable2 th {
		width: 0.5rem;
			vertical-align: middle;
			font-size: 10px;
			color: #9a9a9a;
			border: solid #E6E6E6;
			border-width: 0 1px 0 0;
	}
	.zstable2-tit th {
			background: #F9F7F3;
			font-size: 12px;
	}
	.zstable2-tit tr:nth-child(2n) {
			background: #fff;
	}

	.zstable2-tit tr:nth-child(2n-1) {
			background: #f2f2f2;
	}
	#qihao{
		font-size: 12px;
		width: 100%;
		display: block;
		height: 0.6rem;
		line-height: 0.6rem;
		text-align: center;
		border-right:1px solid #eee;
		box-sizing: border-box;
	}
	.zstable2 td {
			height: 0.44rem;
			font-size: 10px;
	}

	.l-flex-1 {
			-webkit-box-flex: 1;
			flex: 1;
			overflow: hidden;
	}
	.l-relative {
			position: relative;
	}
	.zous-2col-r {
			float: left;
			overflow: hidden;
			width: 85%;
			-webkit-overflow-scrolling: touch;
	}
	.l-full {
			overflow: hidden;
	}
	.e-header{
		height: 0.6rem;
	}
	.abc{
		border-bottom: 1px solid #eee;
			box-sizing: border-box;
	}

	.zstable2-main tr:nth-child(2n-1) {
			background: #f2f2f2;
	}
	.zstable2-main tr{
		height: auto;
		box-sizing: border-box;
	}
	.abc tr:nth-child(2n-1) {
			background: #fff;
	}
	.l-flex-row {
			display: -webkit-box;
			-webkit-box-orient: horizontal;
			display: flex;
			flex-flow: row;
			width: 100%;
			height: 85%;
	}
	.zstable2-yil .on .hou-blue, .zstable2-yil .on span {
		position: relative;
			font-size: 12px;
			display: inline-block;
			width: 0.38rem;
			height: 0.38rem;
			line-height: 0.38rem;
			margin: 0 auto;
			border-radius: 19px;
			color: #fff;
			background: #f72747;
	}
	.zstable2-yil .bluea span {
			background: #39f;
	}
	.zous-2col-c{
		width: 100%;
		height: 15%;
		box-shadow: 0 -3px 6px rgba(0,0,0,.1);
	}
	.zous-2col-c  tr:nth-child(2n) {
			background: #f2f2f2;
	}
	.zous-2col-c  tr:nth-child(2n-1) {
			background: #fff;
	}
	.zstable2 .blue td{
		color: #6da3c9;
	}
	.zstable2 .yellow td{
		color: #bf9122;
	}
	.zstable2 .violet td{
		color: #df7fea;
	}
	.zstable2 .green td{
		color: #739d49;
	}
	#bmScroll{
		display: none;
	}
}
</style>